'use strict'
import React, { Component, PropTypes } from 'react'
import $ from 'jquery'
import { connect } from 'react-redux'

class TaskList extends  Component {
    constructor(props) {
        super(props);
        this.state = {
            error: null,
            data: null,
            bodyBgClr: '#fff'
        };
    }
    render() {
        $('body').css('backgroundColor', this.state.bodyBgClr);
        return (<div>
            <ul className="list task-list">
                <li className="task-item"><div className="task-title sign-in">签到</div><div className="task-action action-finish"><div className="reward-point"> +1</div></div></li>
                <li className="task-item"><div className="task-title share">分享</div><div className="task-action action-finish"><div className="reward-point"> +5</div></div></li>
                <li className="task-item"><div className="task-title scan">扫一扫</div><div className="task-action action-arrow"><div className="reward-point"> +1</div></div></li>
                <li className="task-item"><div className="task-title improve-profile">完善个人资料</div><div className="task-action action-arrow"><div className="reward-point"> +5</div></div></li>
                <li className="task-item"><div className="task-title feedback">给予意见反馈</div><div className="task-action action-arrow"><div className="reward-point"> +10</div></div></li>
                <li className="task-item"><div className="task-title good">给好评</div><div className="task-action action-arrow"><div className="reward-point"> +10</div></div></li>
            </ul>
        </div>)
    }
}

export default TaskList;